Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> Przewijanie strony jak Google Maps
macza
post
Post #1





Grupa: Zarejestrowani
Postów: 236
Pomógł: 4
Dołączył: 1.05.2006
Skąd: Lublin

Ostrzeżenie: (0%)
-----


Witajcie, zastanawiam się za pomocą jakich poleceń/gotowych skryptów mogę uzyskać efekt przewijania strony jak w Google Maps - tz za pomocą "rączki", przytrzymuje stronę w danym miejscu i przeciągając myszką przeciągam zawartość strony, coś w stylu przeglądarki PDF - "łapki". Może widzieliście gdzieś takie rozwiązania, chciałbym podejrzeć taką stronę.
Go to the top of the page
+Quote Post
melkorm
post
Post #2





Grupa: Zarejestrowani
Postów: 1 366
Pomógł: 261
Dołączył: 23.09.2008
Skąd: Bydgoszcz

Ostrzeżenie: (0%)
-----


Link
Masz wszystko w źródle (IMG:style_emoticons/default/tongue.gif)

Ten post edytował melkorm 4.09.2010, 15:09:35
Go to the top of the page
+Quote Post
macza
post
Post #3





Grupa: Zarejestrowani
Postów: 236
Pomógł: 4
Dołączył: 1.05.2006
Skąd: Lublin

Ostrzeżenie: (0%)
-----


Piwko dla Ciebie!!

Hmm, potrzebuje jeszcze zrobić ZoomIn i ZoomOut skalując całą zawartość (div, text, img), jakieś pomysły?
Go to the top of the page
+Quote Post
masiakla
post
Post #4





Grupa: Zarejestrowani
Postów: 80
Pomógł: 17
Dołączył: 4.09.2010
Skąd: far far away

Ostrzeżenie: (0%)
-----


MozTransformOrigin, WebkitTransformOrigin, OTransformOrigin, TransformOrigin, MozTransform, WebkitTransform, OTransform, Transform, o tym poszperaj, praktycznie każdy silnik ma inny sposób na skalowanie.
Go to the top of the page
+Quote Post
yevaud
post
Post #5





Grupa: Zarejestrowani
Postów: 471
Pomógł: 89
Dołączył: 29.07.2008
Skąd: Warszawa

Ostrzeżenie: (0%)
-----


kazdy silnik swietnie sobie radzi ze skalowaniem za pomoca tajemnych wlasciwosci css pt. height i width (IMG:style_emoticons/default/smile.gif)
jesli chcesz skalowac tekst to chyba najlatwiej tekst nabazgrac GD na img (IMG:style_emoticons/default/smile.gif)

Ten post edytował yevaud 5.09.2010, 02:09:17
Go to the top of the page
+Quote Post
macza
post
Post #6





Grupa: Zarejestrowani
Postów: 236
Pomógł: 4
Dołączył: 1.05.2006
Skąd: Lublin

Ostrzeżenie: (0%)
-----


Kod
var skala=1;
$("#scale-minus").click(function(){
        skala = skala-0.1;
        if(skala<0.5){ skala=0.5; }
        $("#ad").css("-webkit-transform", "scale("+skala+")");
    });
    $("#scale-plus").click(function(){
        skala = skala+0.1;
        if(skala>1){ skala=1; }
        $("#ad").css("-webkit-transform", "scale("+skala+")");
    });


i ładnie skaluje, oczywiście trzeba dodać również obsługę dla Moz ale to nie problem, dzięki @masiakla
Go to the top of the page
+Quote Post

Reply to this topicStart new topic
2 Użytkowników czyta ten temat (2 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Aktualny czas: 1.10.2025 - 09:37